import React, { Component } from 'react'
// 有状态和完整的生命周期
 class Appson extends Component {
    // constructor(props) {
    //     console.log("constructor");
    //     super(props) // super 是继承的
    //     this.state = {
    //         name:"zhangsan"
    //     }
    // }
    state = {
        name:"zhansgan"
    }
    componentDidMount() { // 组件已经挂载完成了，可以在这个生命周期中获取this，也可以获取dom
        // 发起网络请求也可以获取dom节点
        console.log("componentDidMount");
        console.log(document.getElementById("aaa"))
    }
    fn() {
        this.setState({
            name:"lisi"
        })
    }
    
    componentDidUpdate(){
        console.log("componentDidUpdate","组件已经更新完毕");
    }
    componentWillUnmount() { // 组件将要卸载的时候执行
        console.log("componentWillUnmount","组件卸载的生命周期")
    }
  render() {
     console.log("render");
    return (
      <div>appson
          <span id='aaa'>{this.state.name}</span>
          <button onClick={this.fn.bind(this)}>点击</button>
      </div>
    )
  }
}

export default Appson